<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <title>Example</title>
    <link rel="stylesheet" href="./css/common.css">
    <script src="./js/vue.min.js"></script>
    <link rel="shortcut icon" href="./favicon.png" type="image/x-icon">
</head>
<style>
    .main {
        width: 100%;
        max-width: var(--max-width);
        background-color: #fff;
        border-radius: 20px;
        margin: 0 auto 20px auto;
        padding: 20px;
    }
</style>

<body>
    <div id="app">
        <m-Header></m-Header>

        <div class="main">
            <h1>About Us</h1>
            <p>Welcome to our gaming world! We are passionate about creating immersive gaming experiences that captivate
                players of all ages. Our team is dedicated to crafting exciting adventures and bringing joy to gamers
                around the globe.</p>

            <h2>Our Mission</h2>
            <p>At Example, our mission is to push the boundaries of gaming innovation and deliver top-notch
                entertainment to our players. We strive to create games that inspire, challenge, and entertain, ensuring
                that every player has a memorable experience.</p>

            <h2>Meet the Team</h2>
            <p>Our team consists of talented individuals who are experts in game development, design, and storytelling.
                Together, we work tirelessly to bring our creative visions to life and deliver high-quality games that
                resonate with our players.</p>

            <h2>Contact Us</h2>
            <p>If you have any questions, feedback, or partnership inquiries, feel free to reach out to us:</p>
            <ul>
                <li><strong>Email:</strong> <a
                        href="mailto:contact@yourgamingwebsite.com">linyating@huntmobi.com</a></li>
                <li><strong>Website:</strong> <a href="http://www.yourgamingwebsite.com">www.Example.com</a>
                </li>
            </ul>
        </div>

        <m-Footer></m-Footer>
    </div>
</body>
<script src="./main.js"></script>
<script type="module">
    import { Header, Footer } from './components/index.js'
    var vm = new Vue({
        el: '#app',
        components: {
            mHeader: Header,
            mFooter: Footer,
        },
        data() {
            return {
            }
        },
        mounted() {
        },
        methods: {

        }
    })
</script>

</html>